LiveKit Community

this livekit voice integration code not works for my gatsby website, how to integrate voice agent in gatsby, kindly guide if anyone know please <@U07LTUH7RK4> <@U07MPLL35FH> <@U022KB72NFJ> <@U01KZ61GV5Z>
Thanks in advance

// server side rendered
"use client";

import "<@U07R8HQ79SB>/components-styles";

import {
  LiveKitRoom,
  useVoiceAssistant,
  BarVisualizer,
  RoomAudioRenderer,
  VoiceAssistantControlBar,
} from "<@U07R8HQ79SB>/components-react";

export default function MyVoiceAgent() {
  return (
    <LiveKitRoom
      token={myToken}
      serverUrl={serverUrl}
      connect={true}
      audio={true}
    >
      <SimpleVoiceAssistant />
      <VoiceAssistantControlBar />
      <RoomAudioRenderer />
    </LiveKitRoom>
  );
}

function SimpleVoiceAssistant() {
  const { state, audioTrack } = useVoiceAssistant();
  return (
    <div className="h-80">
      <BarVisualizer state={state} barCount={5} trackRef={audioTrack} style={{}} />
      <p className="text-center">{state}</p>
    </div>
  );
}